<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>系统设置</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <style type="text/css">
    .text-white {
        color: #ffffff !important;
        text-align: center;
    }

    .aui-list .aui-list-item {
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
    }

    .aui-list .aui-list-item-media img {
        width: 5rem;
        height: 5rem;
        max-width: 5rem;
        max-height: 5rem;
        border-radius: 50%;
        margin: 0 auto;
    }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <!-- 顶部 -->
        <section class="aui-content">
            <div class="aui-list aui-media-list aui-list-noborder aui-bg-info">
                <div class="aui-list-item aui-list-item-middle" style="background-color:#03a9f4 !important;">
                    <div class="aui-media-list-item-inner ">
                        <div class="aui-list-item-media" style="width:100%;">
                            <img v-bind:src="userinfo.headimg" class="aui-img-round">
                        </div>
                    </div>
                    <div class="aui-list-item-inner">
                        <div class="text-white aui-font-size-18">{{userinfo.username}}</div>
                    </div>
                </div>
            </div>
            <ul class="aui-list aui-list-in aui-margin-b-15">
                <li class="aui-list-item" v-on:click="open_mycenter()">
                    <div class="aui-list-item-label-icon">
                        <i class="icon iconfont icon-gerenzhongxinxia" style="font-size: 20px;color: #29ab91"></i>
                    </div>
                    <div class="aui-list-item-inner aui-list-item-arrow">
                        <div class="aui-list-item-input">个人中心</div>
                    </div>
                </li>
                  <li class="aui-list-item" v-on:click="open_setting()">
                    <div class="aui-list-item-label-icon">
                        <i class="icon iconfont icon-shezhi2" style="font-size: 20px;color: #29ab91"></i>
                    </div>
                    <div class="aui-list-item-inner aui-list-item-arrow">
                        <div class="aui-list-item-input">系统设置</div>
                    </div>
                </li>
            </ul>
        </section>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript " src="../script/common.js "></script>
<script type="text/javascript " src="js/xitongshezhi.js "></script>

</html>